input[type="range"], input[type="range"]::-webkit-slider-thumb  {
  -webkit-appearance:none;
       -o-appearance:none;
          appearance:none;
}


input[type="range"], progress {
  height: 2px;
  margin: 8px 6px;
  border-style: none;
  border-width: 0;
  outline-style: none;
  outline-width: 0;
  overflow: visible;
}
input[type="range"] *, input[type="range"] {
  overflow: visible;
}
input[type="range"]::-moz-range-track {
  border-style: none;
  border-width: 0;
}
input[type="range"]::-ms-track {
  overflow: visible;
  border-style: none;
  border-width: 0;
}
input[type="range"]::-ms-ticks-before, input[type="range"]::-ms-ticks-after { 
  display: none;
}

input[type="range"]::-webkit-slider-thumb {
  width: 28px;
  height: 28px;
  border: 2px solid transparent;
  -webkit-border-radius: 14px;
     -moz-border-radius: 14px;
          border-radius: 14px;

  background-color: rgba(51,181,229,0.6);
  background: -webkit-radial-gradient(rgba(51,181,229,1) 3px, rgba(95,194,231,1) 4px, rgba(51,181,229,0.6) 5px);
  background:         radial-gradient(rgba(51,181,229,1) 3px, rgba(95,194,231,1) 4px, rgba(51,181,229,0.6) 5px);
}
input[type="range"]::-moz-range-thumb {
  width: 28px;
  height: 28px;
  border: 2px solid transparent;
  -moz-border-radius: 14px;
       border-radius: 14px;

  background-color: rgba(51,181,229,0.6);
  background: -moz-radial-gradient(rgba(51,181,229,1) 3px, rgba(95,194,231,1) 4px, rgba(51,181,229,0.6) 5px);
  background:      radial-gradient(rgba(51,181,229,1) 3px, rgba(95,194,231,1) 4px, rgba(51,181,229,0.6) 5px);
}
input[type="range"]::-ms-thumb {
  width: 28px;
  height: 28px;
  border: 2px solid transparent;
  border-radius: 14px;
  background-color: rgba(51,181,229,0.6);
  background: radial-gradient(rgba(51,181,229,1) 3px, rgba(95,194,231,1) 4px, rgba(51,181,229,0.6) 5px);
}
input[type="range"]:focus::-webkit-slider-thumb, input[type="range"]:disabled::-webkit-slider-thumb {
  width: 24px;
  height: 24px;
  -webkit-border-radius: 12px;
          border-radius: 12px;
}
input[type="range"]:focus:not(:active)::-moz-range-thumb, input[type="range"]:disabled::-moz-range-thumb {
  width: 24px;
  height: 24px;
  -moz-border-radius: 12px;
       border-radius: 12px;
}
input[type="range"]:focus::-ms-thumb, input[type="range"]:disabled::-ms-thumb {
  width: 24px;
  height: 24px;
  border-radius: 12px;
}
input[type="range"]:focus::-webkit-slider-thumb {
  background-color: rgba(51,181,229,0.3);
  background: -webkit-radial-gradient(rgba(51,181,229,1) 3px, rgba(95,194,231,1) 4px, rgba(51,181,229,0.3) 5px);
  background:         radial-gradient(rgba(51,181,229,1) 3px, rgba(95,194,231,1) 4px, rgba(51,181,229,0.3) 5px);
}
input[type="range"]:focus::-moz-range-thumb {
  background-color: rgba(51,181,229,0.3);
  background: -moz-radial-gradient(rgba(51,181,229,1) 3px, rgba(95,194,231,1) 4px, rgba(51,181,229,0.3) 5px);
  background:      radial-gradient(rgba(51,181,229,1) 3px, rgba(95,194,231,1) 4px, rgba(51,181,229,0.3) 5px);
}
input[type="range"]:focus::-ms-thumb {
  background-color: rgba(51,181,229,0.3);
  background: radial-gradient(rgba(51,181,229,1) 3px, rgba(95,194,231,1) 4px, rgba(51,181,229,0.3) 5px);
}
input[type="range"]:active::-webkit-slider-thumb,
input[type="range"]:enabled.active::-webkit-slider-thumb {
  background-color: rgba(51,181,229,0.4);
  background: -webkit-radial-gradient(rgba(51,181,229,1) 3px, rgba(95,194,231,1) 4px, rgba(51,181,229,0.4) 5px);
  background:         radial-gradient(rgba(51,181,229,1) 3px, rgba(95,194,231,1) 4px, rgba(51,181,229,0.4) 5px);
  border-color: #33B5E5;
}
input[type="range"]:active::-moz-range-thumb,
input[type="range"]:enabled.active::-moz-range-thumb {
  background-color: rgba(51,181,229,0.4);
  background: -moz-radial-gradient(rgba(51,181,229,1) 3px, rgba(95,194,231,1) 4px, rgba(51,181,229,0.4) 5px);
  background:      radial-gradient(rgba(51,181,229,1) 3px, rgba(95,194,231,1) 4px, rgba(51,181,229,0.4) 5px);
  border-color: #33B5E5;
}
input[type="range"]:active::-ms-thumb, input[type="range"]:enabled.active::-ms-thumb {
  background-color: rgba(51,181,229,0.4);
  background: radial-gradient(rgba(51,181,229,1) 3px, rgba(95,194,231,1) 4px, rgba(51,181,229,0.4) 5px);
  border-color: #33B5E5;
}

progress::-webkit-progress-bar-value, progress::-webkit-progress-value {
  position: relative;
  overflow: visible;
}
progress::-moz-progress-bar {
  position: relative;
  overflow: visible;
}
progress::-ms-fill {
  position: relative;
  overflow: visible;
}
progress::-webkit-progress-bar-value:after, progress::-webkit-progress-value:after {
  content: "";
  position: absolute;
  right: 0px;
  top: 0px;
  width: 10px;
  height: 2px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(51,181,229,0.5);
          box-shadow: 0px 0px 3px 0px rgba(51,181,229,0.5);
}
progress::-moz-progress-bar:after {
  content: "";
  position: absolute;
  right: 0px;
  top: 0px;
  width: 10px;
  height: 2px;
  -moz-box-shadow: 0px 0px 3px 0px rgba(51,181,229,0.5);
       box-shadow: 0px 0px 3px 0px rgba(51,181,229,0.5);
}
progress::-ms-fill {
  content: "";
  position: absolute;
  right: 0px;
  top: 0px;
  width: 10px;
  height: 2px;
  box-shadow: 0px 0px 3px 0px rgba(51,181,229,0.5);
}


input[type="range"], progress {
  background-color: #A9A9A9;
  background-color: rgba(0,0,0,0.3);
}
input[type="range"]::-moz-range-track {
  background-color: rgba(0,0,0,0.3);
}
input[type="range"]::-ms-track {
  background-color: rgba(0,0,0,0.3);
}
input[type="range"]:disabled::-webkit-slider-thumb {
  background-color: rgba(0,0,0,0.13);
  background: -webkit-radial-gradient(rgba(51,181,229,1) 2px, rgba(0,0,0,0.13) 3px);
  background:         radial-gradient(rgba(51,181,229,1) 2px, rgba(0,0,0,0.13) 3px);
}
input[type="range"]:disabled::-moz-range-thumb {
  background-color: rgba(0,0,0,0.13);
  background: -moz-radial-gradient(rgba(51,181,229,1) 2px, rgba(0,0,0,0.13) 3px);
  background:      radial-gradient(rgba(51,181,229,1) 2px, rgba(0,0,0,0.13) 3px);
}
input[type="range"]:disabled::-ms-thumb {
  background-color: rgba(0,0,0,0.13);
  background: radial-gradient(rgba(51,181,229,1) 2px, rgba(0,0,0,0.13) 3px);
}

progress::-webkit-progress-bar-value, progress::-webkit-progress-value {
  background-color: #129CCA;
}
progress::-moz-progress-bar {
  background-color: #129CCA;
}
input[type="range"]::-ms-fill-lower, progress::-ms-fill {
  background-color: #129CCA;
}